<style type='text/css'>


#top_bar{
background:#191919;
border-bottom:1px solid #343434
}
#top_bar .content_wrap{
margin: 0 auto;
max-width: 1030px; width: 100%;
padding: 0 30px
}
#social_networks{
display:block;
float:right;
text-align:right
}

#social_networks ul {
    display: block;
    height: 32px;
    margin: 0
}

#top_bar #social_networks li{
display:inline-block;
float:left;
width:32px; height:32px;
opacity:0.3;
background-position:left top;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease
}
#top_bar #social_networks li:hover{ opacity: 1; background-position:left -32px; }
#top_bar #social_networks li a{
display:inline-block;
width:32px; height:32px
}
#top_bar #social_networks li a span{ display:none }
#top_bar #social_networks li.facebook{ background-image:url(https://lh6.googleusercontent.com/-sbybihVrVuc/UHOTA49XRvI/AAAAAAAAEFY/08OCFvAm_wE/s64/social_network_facebook.png) }
#top_bar #social_networks li.twitter{ background-image:url(https://lh3.googleusercontent.com/-NskGHQfbyOA/UHOTDD3zdjI/AAAAAAAAEF4/sjChvedQgB8/s64/social_network_twitter.png) }
#top_bar #social_networks li.linkedin{ background-image:url(https://lh5.googleusercontent.com/-iwc7BZN6aAo/UHOTBxWKMSI/AAAAAAAAEFk/acmiao2JW-k/s64/social_network_linkedin.png); }
#top_bar #social_networks li.tumblr{ background-image:url(https://lh5.googleusercontent.com/-oceB8nmgiZ0/UHOTC4MmfwI/AAAAAAAAEF0/sbbGNL4ZTeg/s64/social_network_tumblr.png) }
#top_bar #social_networks li.vimeo{ background-image:url(https://lh4.googleusercontent.com/-apJrWCzYm-A/UHOTDZALThI/AAAAAAAAEGA/SpSImNuMR5I/s64/social_network_vimeo.png) }
#top_bar #social_networks li.skype{ background-image:url(https://lh3.googleusercontent.com/-HunH1J-7iZk/UHOTCtdNsFI/AAAAAAAAEFw/Pu2WkzQWNhU/s64/social_network_skype.png) }
#top_bar #social_networks li.youtube{ background-image:url(https://lh3.googleusercontent.com/-WtmigBJcc7g/UHOTDv29ObI/AAAAAAAAEGE/vVRRs-RkzBs/s64/social_network_youtube.png) }
#top_bar #social_networks li.myspace{ background-image:url(https://lh6.googleusercontent.com/-AZt4w13HI-8/UHOTCaA1hyI/AAAAAAAAEFs/pJ1Bhis11O0/s64/social_network_myspace.png) }
#top_bar #social_networks li.googleplus{ background-image:url(https://lh5.googleusercontent.com/-mpeEl_TsIio/UHOTBq0XpmI/AAAAAAAAEFo/JeTzX9DWfbE/s64/social_network_googleplus.png) }
#top_bar #social_networks li.behance{ background-image:url(https://lh3.googleusercontent.com/-2bMANwxxqFI/UHOTADnrU9I/AAAAAAAAEFA/pEnqIVf3YzE/s64/social_network_behance.png); }
#top_bar #social_networks li.deviantart{ background-image:url(https://lh6.googleusercontent.com/-IvvW31ras2k/UHOTAXEtvDI/AAAAAAAAEFE/sOP5PCIDCqg/s64/social_network_deviantart.png) }
#top_bar #social_networks li.envato{ background-image:url(https://lh6.googleusercontent.com/-kRzjnO4xkco/UHOTA_vPK4I/AAAAAAAAEFQ/4roU9z-WArc/s64/social_network_envato.png); }
#top_bar #social_networks li.flickr{ background-image:url(https://lh4.googleusercontent.com/-fTxKi1uGenI/UHOTBtZabNI/AAAAAAAAEFg/htMsgs1jRVU/s64/social_network_flickr.png) }
#header-wrapper{background-image: url(&quot;http://3.bp.blogspot.com/-KXkCTfzkczQ/UfdmLENZUrI/AAAAAAAAD58/_8pSxaspSdE/s344/body_pattern.jpg&quot;)}
#header-wrapper .content_wrap{margin: 0 auto;max-width: 1030px; width: 100%}
#header{float:left}
#header-inner {}
#header,#header a { color: #fff }
#header a:hover {}
#header h1 {padding: 20px 0 0 30px;}
#header img {max-height:80px}
#header .description {padding: 5px 0 0 30px}

.date-time {
    color: #ABABAB;
    display: block;
    float: left;
    font-size: 10px;
    padding: 7px 0
}


</style>

<style type='text/css'>
.massage {
    background: none repeat scroll 0 0 #2D2D2D;
    color: #DDDDDD;
    font-family: sans-serif;
    padding: 5px
}

.slider-title &gt; a {
    font-family: sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px 10px 0
}
</style>
<style type='text/css'>
.nav {
	/* General Font */
	font-family: &#39;Open Sans&#39;, sans-serif; 
	font-weight: 600; /* 400 thinner */
	font-size: 13px;
	line-height: 13px;
    max-width: 1030px;
    text-align: left;

	/* General Shape */
	position: relative;
	padding: 0 15px; /* Fix for inline-block spacing*/
	margin: 0 auto;
    max-width: 1030px
}
/* Reset Links */
.nav a, .nav a:link, .nav a:visited, .nav a:hover, .nav a:focus, span {
	color: #a2a297;
	text-decoration: none
}
/* Main element of the naviagtion */
.nav &gt; li {
	display: inline-block;
	text-align: center;
	margin-left: -4px; /* For the inline-block spacing */
    border-right: 1px solid #000;
    -webkit-box-shadow:  1px 0px 0px 0px rgba(51, 51, 51, 1);
    box-shadow:  1px 0 0 0 rgba(51, 51, 51, 1)
}
/* Search */
.nav &gt; li &gt; a{display:block;padding:20px 18px}
.nav &gt; li:hover &gt; a{color:#fff}
.nav &gt; li:hover{
    background:#000;
	border-right:4px solid #000;
    border-left: 2px solid #fd4326;	
	border-radius:0 8px 0 0;
	-moz-border-radius:0 8px 0 0;
	-webkit-border-radius:0 8px 0 0;
	box-shadow:inset 0 4px 1px #d2d2d2;
	-moz-box-shadow:inset 0 4px 1px #d2d2d2;
	-webkit-box-shadow:inset 0 4px 1px #d2d2d2
}
.nav &gt; li &gt; ul{opacity:0;visibility:hidden;position:absolute;list-style:none;top:53px;background-color:#222222;width:200px;text-align:left;margin-top:30px;border:1px solid black;z-index:99;padding:0;}
.nav &gt; li:hover &gt; ul{opacity:1;visibility:visible;margin-top:0;}
.nav li &gt; ul li{font-size:11px;display:block;border-bottom:1px solid #000;-webkit-box-shadow:0 1px 0 0 rgba(51,51,51,1);padding:15px 10px;}
.nav &gt; li &gt; ul  li:hover {
	background-color: #000;
	border-bottom:1px solid #fd4326;
	border-top:1px solid #fd4326
}
.nav ul  li:hover &gt; a {
	color: white
}
/* Second and third dropdown level */
.nav &gt; li &gt; ul li ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	bottom:-1px;
	right: 201px;
	background-color: #222222;
    width: 194px;
	text-align: left;
	padding: 0;
	border:1px solid black;
	margin-left: 30
}
/* Second and third level appears */
.nav &gt; li ul li:hover &gt; ul {
	opacity: 1;
	visibility: visible;
	margin-left: 0
}

/* Full width dropdown */
.nav &gt; li &gt; .fulldrop {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:53px;
	left: 0;
	background-color: #222222;
	width: 100%;
	min-height: 100px;
	text-align: left;
	margin-top:30px;
	padding: 0;
	border:1px solid black;
	z-index: 99;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}
/* Full dropdown appears */
.nav &gt; li:hover .fulldrop {
	opacity: 1;
	visibility: visible;
	margin-top: 0
}
.nav ul li:hover:after {
	color: white
}
/* coldrop based dropdown */
.nav .coldrop {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:53px;
	background-color: #222222;
	min-height: 100px;
	text-align: left;
	margin-top:30px;
	padding: 0;
	border:1px solid black;
	padding: 0 10px;
	z-index: 99;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nav &gt; li:hover .coldrop {
	opacity: 1;
	visibility: visible;
	margin-top: 0
}
.nav .coldrop .column {width: 130px;margin:0 9px}
input#mobile_menu { display: none; }
/* coldrop for full width dropdown */
.nav .column {
	width: 14.1%;
	float: left;
	color:white;
	margin: 0 0 0 2.2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nav .column ul {
	padding: 0;
	margin: 0
}
.nav .column ul li {
	padding: 0;
	list-style: none;
	font-size: 11px
}
.nav .column h3 {
	font-size: 13px;
	font-weight: bold;
	padding: 14px 0;
	margin: 5px 0 10px 0;
	border-bottom: 1px solid black;
	-webkit-box-shadow:  0 1px 0 0 rgba(51, 51, 51, 1);
    -webkit-box-shadow:  0 1px 0 0 rgba(51, 51, 51, 1)
}
.nav .column ul li a {
	display: block;
	padding: 0 0 15px 0
}
/* Arrows for dropdowns */
.nav &gt; li.dropdown &gt; a:after {
	 content: &quot; \f107&quot;;
	 font-family: FontAwesome;
	 color: #a2a297
}
.nav &gt; li.dropdown:hover a:after {
	color: white
}
.nav ul li.dropdown:after {
  content: &quot;\f105&quot;;
  position: absolute;
  left: 170px;
  font-family: FontAwesome;
  display: inline-block;
  color: #a2a297;
  margin-left: 10px;
  margin-top: 2px
}
.nav ul li.dropdown:hover:after {
	color: white
}
.nav &gt; li &gt; ul li ul, .nav li &gt;ul li, .nav &gt; li &gt; .fulldrop, .nav &gt; li &gt; .coldrop, .nav &gt; li &gt; ul, .nav &gt; li {
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-outs
}
@media only screen and (max-width: 959px) {
.nav &gt; li &gt; ul li ul li ul {
	left: -201px;
	z-index: 3
}
.nav &gt; li &gt; a{
	padding: 20px 12px;
	font-size: 12px
}
.nav &gt; li &gt; ul li ul {
    position: absolute;
	list-style: none;
	bottom:-1px;
	right: 201px;
    width: 170px;
.nav .coldrop .column {width: 120px;margin:0 5px}
}
@media only screen and  {

	label.mobile_menu span {
		display: inline
	}

	label.mobile_menu {
      position: relative;
      display: block;
      width: 100%;
      background-color: #222222;
      padding: 10px 0;
      border-bottom: 1px solid white
	}

	.nav {
      display: none
    }



	.nav {
		padding: 0
	}

	.nav li {
		width: 100%;
		text-align: left;
		margin-left: 0
	}

	.nav &gt; li {
		border-right: none;
		border-bottom: 1px solid #000;
		-webkit-box-shadow:  0 1px 0 0 rgba(51, 51, 51, 1);
    	-webkit-box-shadow:  0 1px 0 0 rgba(51, 51, 51, 1);
    	padding: 18px 0;
    	position: relative
	}
	.nav &gt; li &gt; a {
		display: inline
	}
	.nav li ul, .nav li .fulldrop, .nav li .coldrop {
		top:45px
	}
	.nav li ul {
		padding: 0
	}
	.nav .fulldrop, .nav .coldrop {
		width: 100%
	}
	.nav li &gt; ul li {
		padding: 18px 0
	}
	    #mobile_menu:checked+.nav {
		display: block
	}
	.nav .column, .nav .coldrop .column { 
		width: 94%;
		padding: 0 3%
	}
	.nav &gt; li &gt; ul {
		width: 100%
	}
	.nav &gt; li &gt; ul &gt; li:hover ul {
		margin-top: 0
	}
	.nav &gt; li &gt; ul li ul li ul {
		width: 100%;
		top:43px;
		left: -1px;
		padding-left: 1px;
		margin-left: 0;
		margin-top: 30px
	}
	.nav &gt; li &gt; ul &gt; li ul li:hover ul{
		margin-top: 0
	}
	.nav &gt; li &gt; ul li{ 
		padding: 15px 0 15px 6%;
		width: 94%
	}
	.nav &gt; li &gt; ul li ul li{ 
		padding: 15px 0 15px 9%;
		width: 91%
	}
	    label:after {
        position: absolute;
        top:0;
        right: 10px;
        content: &quot;\2261&quot;;
        font-size: 30px;
        color: white
       }
	.nav &gt; li &gt; ul li ul li ul li{ 
		padding: 15px 0 15px 12%;
		width: 88%
	}
	.nav &gt; li &gt; ul li:hover {
		background-color: transparent
	}

	.nav &gt; li.search {
    	float: none;
    	padding-left: 14px
	}
	.nav ul li.dropdown:after {
		left: 90%
	}
	.nav .column, .nav .coldrop .column, .nav &gt; li &gt; ul, .nav &gt; li &gt; ul li ul, .nav &gt; li &gt; ul li ul li ul {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

}

  </style>

<style type='text/css'>
/* Responsiveness menu area */
@media only screen and (min-width: 980px) and (max-width: 1920px) {
	.colormenu {
		width:100%;
		padding: 0 30px
	}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
	.colormenu {
		width:100%;
		padding: 0 20px
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.colormenu {
		width: 420px;
		padding: 0 20px
	}
}
@media only screen and (max-width: 479px) {
.colormenu {
	width: 300px;
	padding: 0 15px
}
#sidebar-wrapper {
    float: none;
    padding: 15px;
    width: 100%
}
}
#creditwam {
    font-size: 9px;
    padding: 10px 20px
}
.flickr_badge_image {
    height: 55px;
    width: 55px
}
#feed-q-input {
    float: left;
    width: 270px
}
#magazine-right2 {
    float: right;
    padding: 15px;
    padding-right: 0;
    width: 100%
}
#slider-top {
    margin-bottom: 20px;
    padding: 10px
}
}
@media only screen and (min-width:1000px) and (max-width:1045px) {
    #main-wrapper {
     float: left;
     overflow: hidden;
     padding: 15px 5px 15px 15px;
     width: 52%;
     word-wrap: break-word
}
}
@media only screen and (min-width:768px) and (max-width:983px) {
     #outer-wrapper,#menuatas, #creditwam {
    width: 754px
}
#footer div.column {
    margin-right: 2%;
    width: 48%
}
#creditwam {
    margin: 0 auto;
    padding: 10px 30px;
    width: 990px
}
#main-wrapper {
    padding: 10px;
    width: 420px;
}
a.thumbx {
    width: 188px
}
#footer div.column {
    margin-right: 2%;
    width: 48%
}
#sidebar-wrapper {
    width: 305px;
    margin-right: 20px;
    margin-top: 20px;
      float: right
}
#feed-q-input {
    float: left;
    width: 90%
}
#magazine-right2 {
    float: right;
    padding: 0 10px;
    width: 400px
}
#headads {
    padding: 30px 30px 30px 5px
}
#home-detail {
    margin-top: 15px
}
 #headtitle {
}
 #footer-wrapper {
    font-size: 10px
}
a.thumbx, .infox {
     display: none
}
#footer div.column {
    margin-right: 2%;
    width: 48%
}
#footer .column .widget {
     width: 100%}
#sidebar-small {
     display: none
}
.flickr_badge_image {
     float: left;
     height: 60px;
     margin: 2px;
     width: 60px;
}
}
  </style>
<style type='text/css'>
.feedmarquee a:link{
font-size: 12px;
text-decoration: none;
color:#435463
}
.feedmarquee {
font-size: 12px;
font-weight: 600;
color:#435463;
position:fixed;
bottom:0;
background: #e7e7e7;
border-top: 1px solid rgb(217, 217, 217);
padding:2px;
width: auto
}
</style>
